﻿body { }
.right { float: right; }
.left { float: left; }
.alignright { text-align: right; }
.alignleft { text-align: left; }
ul { list-style: none; }
.first { padding-left: 0 !important; }
.last { padding-right: 0 !important; }

li i.glyphicon { margin-right: 5px; }

#ReportContent header { z-index: 15; }

.table.table-bordered thead { background: #cecece; font-weight: bold; }
.table.table-bordered tbody tr:nth-child(even) { background: #EEE; }
.table.table-bordered tbody tr:nth-child(odd) { background: #FFF; }
.table.table-bordered tbody tr.selected { background: #fffccc; }
.SaleFilter { margin: 0; padding: 0; }
tr.level1 { font-weight: bold; }
tr.level2 { }

ul.sidepagination { margin: 20px 0; padding: 0; list-style: none; }
    ul.sidepagination li { display: inline-block; margin-right: 5px; }
        ul.sidepagination li:last-child { margin-right: 0; }
.sortandfilter { margin: 20px 0 !important; padding: 0 !important; }
    .sortandfilter li { display: inline-block; margin-right: 15px; }
        .sortandfilter li .form-control { display: inline-block; }

    .sortandfilter.siparissatislistesifiltre li { width: 12%; }
#SalesListPlaceHolder { font-size: 12px; }
    #SalesListPlaceHolder table td { padding: 3px; }
    #SalesListPlaceHolder span.saved { display: block; }

.hoveroverflow { height: 20px; line-height: 20px; overflow: hidden; display: block; }
tr:hover .hoveroverflow { height: 40px; overflow: hidden; }
.salesPadding { display: block; height: 120px; width: 100%; }
#saledetails { position: fixed; bottom: 0; left: 0; right: 0; height: 110px; background: #FFFFFF; padding: 10px 0; border-top: 1px solid #cecece; }
    #saledetails .saldetailsbox { height: 85px; border: 1px solid #808080; margin-right: 15px; padding: 10px; overflow: auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }



/*------------------------
----------HEADER----------
------------------------*/
header { background: #efefef; color: #808080; }
    header ul { margin: 10px 0; padding: 0; }
        header ul li { display: inline-block; margin-left: 10px; }


/*------------------------
----------SIDEBAR---------
------------------------*/
aside { background: #dedede; position: fixed !important; top: 0; left: 0; height: 100%; z-index: 5; }
    aside h1 { display: inline-block; margin: 10px 0; font-size: 16px; font-weight: bold; padding: 0 15px; }
    aside nav { }
        aside nav ul { margin: 0; padding: 0; border-top: 1px solid #cecece; }
            aside nav ul li { border-bottom: 1px solid #cecece; position: relative; }
                aside nav ul li a { display: block; padding: 10px 15px; text-decoration: none; color: #606060; font-weight: bold; }
                    aside nav ul li a:hover { background: #efefef; text-decoration: none; color: #303030; }
                aside nav ul li ul.submenu { display: none; padding-left: 10px; }
.menuexpander { position: absolute; top: 0; right: 1px; margin: 0 !important; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 17px; cursor: pointer; }
    .menuexpander:hover { background: #FFF; }

/*------------------------
--------DASHBOARD---------
------------------------*/
.dashboardSectionInner { border: 1px solid #cecece; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; font-size: 11px; }

@media (max-width:768px) {
    .dashboardSection { padding-right: 0 !important; padding-left: 0 !important; margin-bottom: 15px !important; }
    aside { display: none; }
    .showOnMobile { display: table-row; }
    .hideOnMobile { display: none; }
    table { font-size: 11px; }
}

/*------------------------
----KATEGORİ DÜZENLEME----
------------------------*/
#categoryEdit { bottom: 0; display: block; height: 100%; overflow: hidden; position: fixed; right: 0; top: 40px; padding-bottom: 40px; }
    #categoryEdit .categoryEditMenu { border-right: 1px solid #CECECE; height: 100%; overflow-x: auto; position: relative; display: block; }
        #categoryEdit .categoryEditMenu ul { padding: 3px 3px 3px 10px; }
#categoryEditContent { padding: 10px 15px; font-size: 12px; }
    #categoryEditContent .form-group { margin-bottom: 10px !important; }
    #categoryEditContent .form-control { padding: 3px; font-size: 12px; height: 25px; line-height: 25px; }
#categoryEdit .categoryEditRight { border-right: 1px solid #cecece; display: block; height: 100%; overflow-x: auto; position: relative; }

.categoryEditButtons { padding-right: 10px; }
    .categoryEditButtons ul { padding: 0; margin: 0; list-style: none; }
        .categoryEditButtons ul li { padding: 0 0 5px; margin: 0; list-style: none; display: block; }
            .categoryEditButtons ul li button { display: block; width: 100%; white-space: normal; }
#processResult { position: absolute; top: 0; left: 0; z-index: 5; cursor: pointer; display: none; }
    #processResult div { padding: 10px 25px; border: 2px solid #aeaeae; }
    #processResult p { margin: 0; font-weight: bold; font-size: 15px; }

#kategoriMenu { padding-bottom: 50px; }
    #kategoriMenu li { position: relative; }
        #kategoriMenu li a { padding-left: 20px; display: block; }
    #kategoriMenu .glyphicon { cursor: pointer; position: absolute; top: 1px; left: 0; padding: 2px 2px 3px 3px; font-size: 10px; background: #3c7fac; color: #FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; }
    #kategoriMenu a.active { font-weight: bold; text-decoration: underline; }

    #kategoriMenu .nestedlevel0 { padding-left: 3px !important; }
#CategoryEditExtraFields tbody td { padding: 0; }
    #CategoryEditExtraFields tbody td input, #CategoryEditExtraFields tbody td select { display: block; width: 100%; height: 30px; }


/*Banner*/
#bannerEdit { bottom: 0; display: block; height: 100%; overflow: hidden; position: fixed; right: 0; top: 40px; padding-bottom: 40px; }
    #bannerEdit .bannerEditMenu { border-right: 1px solid #CECECE; height: 100%; overflow-x: auto; position: relative; display: block; }
        #bannerEdit .bannerEditMenu thead { font-weight: bold; }
        #bannerEdit .bannerEditMenu tbody td { padding: 0; }
            #bannerEdit .bannerEditMenu tbody td a { display: block; /*height: 45px;*/ line-height: 25px; width: 100%; padding: 10px; }
                #bannerEdit .bannerEditMenu tbody td a:hover { text-decoration: none; }
        #bannerEdit .bannerEditMenu tbody tr:hover td { background: #fffccc; }
#bannerEditContent { padding: 10px 15px; font-size: 12px; }
    #bannerEditContent .form-group { margin-bottom: 10px !important; }
    #bannerEditContent .form-control { padding: 3px; font-size: 12px; height: 25px; line-height: 25px; }
#bannerEdit .bannerEditRight { border-right: 1px solid #cecece; display: block; height: 100%; overflow-x: auto; position: relative; }

#BannerUpdate tbody td { padding: 0; }
    #BannerUpdate tbody td input, #BannerUpdate tbody td select { display: block; width: 100%; height: 30px; }
#bannerEdit .selectedBanner td { background: #fffccc; }

/*Stok Arama*/
#StokAramaTamListe { padding: 0; margin: 25px 0; }
#StokFiltreForm { border-bottom: 1px solid #cecece; position: relative; margin-bottom: 40px; }
    #StokFiltreForm #StokFiltreFormExpander { cursor: pointer; position: absolute; width: 40px; height: 40px; line-height: 40px; text-align: center; right: 40px; bottom: -40px; border: 1px solid #cecece; }
        #StokFiltreForm #StokFiltreFormExpander:hover { background: #fffccc; }
.UygulaIslemTF, .UygulaIslemEH, .UygulaIslemText, .UygulaIslemPost { display: none; }
